@use "../../css/vars/colors" as colors;

.item {
  padding: var(--size__100) var(--size__300) ;
  color: var(--color__black--800);
  cursor: pointer;
  font-size: var(--text__smaller);
  font-weight: 500;
  text-align: left;
  transition: background-color 0.5s var(--animation__spring);
}

.item[data-highlighted] {
  background-color: var(--color__black--050 );
  outline: 0;

  &:focus-within {
    outline: inherit;
  }
}

.item[data-disabled] {
  color: var(--color__black--300);
}
